<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ taglib uri="/struts-tags" prefix="s" %>
<style type="text/css">
	.cms_form{
		font-size: 12px;
	}
	.cms_form input{
		font-size: 12px;
		height: 1.7em;
		width: 200px;
	}
	.cms_form .required{
		font-size: 12px;
		height: 12px;
		color:red;
	}
	
</style>
<c:if test="${!empty sebcms_error_map}">
	<ul>The following errors were found while registering:
	<c:forEach items="${sebcms_error_map}" var="error">
			<li><c:out value="${error.value}" /></li>
	</c:forEach>
	</ul>
</c:if>
<br/>

<form id="registrationForm" method="post" action="<c:url value="/registration/signup"/>">
<p>The following information will be used to identify yourself when you login to the site. An email
will be sent to the address you provide to complete the sign-up process.</p>
<div id="userCheckResults"></div>
<table border="0" class="cms_form">
	<tr>
		<td align="right" class="required">Username</td>
		<td><input type="text" name="user.username" /> <a href="">check availability</a><br/></td>
	</tr>
	<tr>
		<td align="right" class="required">Password</td>
		<td><input type="password" name="user.password" /></td>
	</tr>
	<tr>
		<td align="right" class="required">verify</td>
		<td><input type="password" name="verifyPassword" onChange="checkMatch"/><br/></td>
	</tr>
	<tr>
		<td align="right" valign="top" class="required">Email Address</td>
		<td><input type="text" name="user.emailAddress" /><br/>
			(verification email will be sent to this address.)<br/>
		</td>
	</tr>
</table>
<br/>
<p>Please tell us a little about yourself. Click <a href="<c:url value="/page/view?name=Privacy+Policy"/>">here</a> to view our Privacy Policy.</p>
<table class="cms_form">
	<tr>
		<td class="required">First&nbsp;Name</td>
		<td><input type="text" name="user.firstname" style="width:100px"/> 
			<span  class="required">Last Name</span> <input type="text" name="user.lastname" style="width:120px"/>
		</td>
	</tr>
	<tr>
		<td align="right">Address</td>
		<td width="100%"><input type="text" name="user.demographic.address1" /></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><input type="text" name="user.demographic.address2" /></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>City<input type="text" name="user.demographic.city"  style="width:100px"/>
			ST <input type="text" name="user.demographic.state"  style="width:2em"/>
			Zipcode <input type="text" maxlength="5" name="user.demographic.zip1" style="width:3.5em"/>
			<input type="text"  style="width:3em" maxlength="4" name="user.demographic.zip2" />
		</td>
	</tr>
</table>

<input type="submit" value="Register">
</form>